/*
  学习目标：受控组件-hooks
  1. value/checked 受 state 状态影响
  2. 改变时通过 onchange 和setState改变状态
*/

import React, { useState } from 'react';

export default function App() {
  const [count, setCount] = useState(100);
  return (
    <div>
      {/* 原生受控组件写法 */}
      {/* <input
        type="text"
        value={this.state.count}
        onChange={(e) => this.setState({ count: e.target.value })}
      /> */}
      {/* hooks- 受控组件 */}
      <input
        type="text"
        value={count}
        onChange={(e) => setCount(e.target.value)}
      />
    </div>
  );
}
